<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>商品列表</title>
		<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/productlist.css" />
	</head>
	<body ng-app="pdlApp" ng-controller="pdlCtrl">
		<!--头部通栏-->
		<div class="header">
			<h1>
		 		<a class="logo" ng-href="../index.html"><img src="../images/header_logo.png"/></a>
		 	</h1>
			<a href="#" class="header-app"><img src="../images/header_app.png" /></a>
		</div>
		<!--搜索模块-->
		<div class="search">
			<form>
				<div class="search-info">
					<div class="searchtxt">
						<input value="" name="key" type="search" placeholder="请输入你想比价的商品">
					</div>
					<div class="searchbtn">
						<input type="submit" value="搜索">
					</div>
				</div>
			</form>
		</div>
		<!--主体部分-->
		<!--面包屑-->
		<div class="crumbs-nav" ng-cloak="">
			<a href="../index.html">首页</a>&nbsp;&gt;&nbsp;
			<a href="category.html">全部分类</a>&nbsp;&gt;&nbsp;
			<a href="#">{{data.category}}</a>&nbsp;&gt;&nbsp;
			<a class="select">筛选</a>
		</div>
		<!--主体内容部分-->
		<div class="content" ng-cloak="">
			<a ng-repeat="datalt in datalist" ng-href="productcom.html?productid={{datalt.productId}}&category={{data.category}}" class="pro">
				<table width="100%">
					<tbody>
						<tr>
							<td rowspan="4" style="padding: 0 6px;">
								<a ng-href="productcom.html?productid={{datalt.productId}}&category={{data.category}}" ng-bind-html="datalt.productImg|trustHtml"></a>
							</td>
							<td>
								<div style="height:36px;overflow: hidden;">
									<a ng-href="productcom.html?productid={{datalt.productId}}&category={{data.category}}">{{datalt.productName}}</a>
									<font class="disyouhui"></font>
								</div>
								<div class="search-result-siteinfo"><span>{{datalt.productPrice}}</span></div>
								<div class="dispriceandcomment">{{datalt.productCom}} &nbsp; &nbsp; {{datalt.productQuote}}</div>
							</td>
						</tr>
					</tbody>
				</table>
			</a>
		</div>
		<!--翻页按钮-->
		<div class="page" ng-cloak="">
			<table width="100%">
				<tbody>
					<tr>
						<td>
							<a ng-click="upPage()">上一页</a>
						</td>
						<td height="1.6rem">
							<select name="sel" id="" ng-change='change(rel)' ng-model='rel'>
								<option ng-repeat="rel in maxPage" value="{{rel}}"  ng-selected="page==rel">
									{{rel}}/{{maxPage.length}}
								</option>
							</select>
						</td>
						<td>
							<a ng-click="downPage()">下一页</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!--脚部-->
		<div class="footer">
			<div class="foot_top">
				<a href="">登录</a>
				<a href="">注册</a>
				<a href="javascript:pageScroll();" id='top'>
					<img src="../images/top.jpg" alt="">返回顶部</a>
			</div>
			<div class="foot_bottom">
				<p>
					<a href="">手机APP下载</a>
					<a href="">慢慢买手机版</a>
					-- 掌上比价平台
				</p>
				<p>m.manmanbuy.com</p>
			</div>
		</div>

		<script src="../node_modules/jquery/dist/jquery.js"></script>
		<script src="../node_modules/angular/angular.js"></script>
		<script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
		<script src="../js/productlist.js"></script>
		<script>
			function pageScroll() {
				window.scrollBy(0, -10);
				scrolldelay = setTimeout('pageScroll()', -1);
				if(window.scrollY == 0) {
					clearTimeout(scrolldelay);
				}
			}
		</script>
	</body>
</html>